    <template>
    <div class="agreement-container">
        <van-nav-bar title="我的商机" left-arrow @click-left="goBack"  />
        <h2 class="title">《快消商机用户协议》</h2>

        <div class="section">
            <h3>一、总则</h3>
            <div class="clause">
            <p>1. 快消商机，一键即达与用户共同确认：</p>
            <p>2. 用户在使用服务前，请仔细阅读本协议的全部内容；</p>
            <p>3. 用户在使用相关服务时，应关注并遵守其所适用的相关条款。用户如不同意本服务协议及/或对其的修改，可以主动取消或停止使用服务。用户一旦使用服务，即视为已了解并完全同意本协议内容；</p>
            <p>4. 用户使用服务不得出于非法或破坏交易秩序的目的，须保证提交信息真实、准确、有效和完整。如存在违规行为，平台有权采取相应措施并追究法律责任。</p>
            </div>
        </div>

        <div class="section">
            <h3>四、用户信息保护</h3>
            <div class="clause">
            <p>1. 如发现用户违反本协议，我公司有权随时审查相关内容并采取封禁账号等措施；</p>
            <p>2. 被封禁用户可提交申诉，我公司将进行审查并决定是否变更处罚措施；</p>
            <p>3. 用户须对违规行为导致的第三方索赔承担赔偿责任。</p>
            </div>
        </div>

        <div class="section">
            <h3>五、用户行为规范</h3>
            <div class="clause">
            <p>用户不得制作、传播以下内容：</p>
            <p>1. 反对宪法确定的基本原则；</p>
            <p>2. 损害国家荣誉和利益；</p>
            <p>3. 散布谣言，扰乱社会秩序；</p>
            <p>4. 侮辱诽谤他人，侵害他人合法权益；</p>
            <p>5. 散布淫秽色情、凶杀恐怖内容；</p>
            <p>6. 涉及他人隐私信息；</p>
            <p>7. 侵害他人知识产权等合法权利；</p>
            <p>8. 其他法律法规禁止的内容。</p>
            </div>
        </div>

        <div class="section">
            <h3>六、平台权利与义务</h3>
            <div class="clause">
            <p>1. 平台有权进行系统升级维护，尽力减少对用户的影响；</p>
            <p>2. 平台有权制定并修改交易规则和服务规则。</p>
            </div>
        </div>

        <div class="section">
            <h3>七、其他</h3>
            <div class="clause">
            <p>1. 本协议适用中华人民共和国法律；</p>
            <p>2. 争议协商不成可提交我公司所在地法院管辖；</p>
            <p>3. 本协议最终解释权归我公司所有。</p>
            </div>
        </div>
    </div>
    </template>

    <script>
    export default {
        name: 'UserAgreement',
        data() {
            return {
                agreement: '',
            }
        },
        mounted() {
            
        },  
        methods:{
            goBack(){
                this.$router.go(-1)
            }
        }
    }
    </script>

    <style scoped>
    .agreement-container { 
    }

    .title {
    text-align: center;
    color: #333;
    margin-bottom: 30px;
    }

    .section {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
        line-height: 1.5;
    }

    h3 {
        color: #2c3e50;
        margin-bottom: 15px;
    }

    .clause p {
        margin: 10px 0;
        text-indent: 2em;
        color: #666;
    }
    </style>